<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>在线考试网后台管理 - </title>
		<script src="js/echarts.min.js"></script>
		<!-- 图标样式 -->
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
		<link rel="stylesheet" href="./css/studentscore.css" />
	</head>
	<body>
		<!-- 左侧菜单 -->
		<div class="sidebar">
			<div class="menu-item" id="admin-info-management" onclick="window.location.href = 'manageindex.html'">
				<i class="fas fa-user-shield"></i>
				<span>管理员信息管理</span>
			</div>
			<div class="menu-item" id="class-info-management" onclick="window.location.href = 'manageclass.html'">
				<i class="fas fa-users"></i>
				<span>班级信息管理</span>
			</div>
			<div class="menu-item" id="student-info-management" onclick="window.location.href = 'studentinfomanage.html'">
				<i class="fas fa-user-graduate"></i>
				<span>考生信息管理</span>
			</div>
			<div class="menu-item" id="student-score">
				<i class="fas fa-chart-line"></i>
				<span>考生成绩查询</span>
			</div>
			<div class="menu-item" id="course-info-manage" onclick="window.location.href = 'managecourse.html'">
				<i class="fas fa-book"></i>
				<span>课程信息管理</span>
			</div>
			<div class="menu-item" id="exame-manage" onclick="window.location.href = 'testmanage.html'">
				<i class="fas fa-tasks"></i>
				<span>考试题目管理</span>
			</div>
			<div class="menu-item" id="exame-info-manage" onclick="window.location.href = 'examemanage.html'">
				<i class="fas fa-file-alt"></i>
				<span>试卷管理</span>
			</div>
			<div class="menu-item" id="logout" onclick="confirmExit()">
				<i class="fas fa-sign-out-alt"></i>
				<span>退出后台管理</span>
			</div>
		</div>
		<!-- 主要内容区域 -->
		<div class="main-content">
			<!-- 顶部导航 -->
			<div class="nav-box">
				<div class="logo">
					<img src="./img/examicon.svg" alt="Logo">
					<h1>在线考试网后台管理</h1>
				</div>
			</div>

			<!-- 面包屑导航 -->
			<div class="content-wrapper">
				<div class="breadcrumb">
					<span class="breadcrumb-text">当前位置:考生成绩查询>>></span>
					<span class="admin-info">当前管理员:wyh</span>
				</div>
			</div>

			<!-- 内容区域 -->
			<div class="content-box">
				<!-- 搜索区域 -->
				<div class="search-area">
					<select class="search-select">
						<option value="">选择科目</option>
						<option value="class1">高等数据</option>
						<option value="class2">JavaEE</option>
					</select>
					<input type="text" class="search-input" placeholder="输入学生姓名/准考证号">
					<button class="search-btn">查询</button>
				</div>

				<!-- 成绩列表 -->
				<table class="results-table">
					<thead>
						<tr>
							<th>序号</th>
							<th>学生姓名</th>
							<th>准考证号</th>
							<th>考试科目</th>
							<th>考试时间</th>
							<th>成绩</th>
							<th>状态</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>1</td>
							<td>陈雨萱</td>
							<td>2024030101</td>
							<td>高等数学</td>
							<td>2024-03-01 09:00</td>
							<td>89</td>
							<td><span class="status-pass">及格</span></td>
						</tr>
						<tr>
							<td>2</td>
							<td>刘明宇</td>
							<td>2024030102</td>
							<td>高等数学</td>
							<td>2024-03-01 09:00</td>
							<td>45</td>
							<td><span class="status-fail">不及格</span></td>
						</tr>
					</tbody>
				</table>

				<!-- 统计信息 -->
				<div class="statistics-section">
					<div class="statistics-card">
						<div class="statistics-label">及格率</div>
						<div class="statistics-value">85.7%</div>
					</div>
					<div class="statistics-card">
						<div class="statistics-label">最高分</div>
						<div class="statistics-value">98</div>
					</div>
					<div class="statistics-card">
						<div class="statistics-label">最低分</div>
						<div class="statistics-value">45</div>
					</div>
					<div class="statistics-card">
						<div class="statistics-label">平均分</div>
						<div class="statistics-value">76.5</div>
					</div>
				</div>

				<!-- 成绩分布图 -->
				<div class="chart-section">
					<h3 class="chart-title">成绩分布</h3>
					<div id="scoreChart"></div>
				</div>
			</div>
		</div>
		<script src="js/studentscore.js"></script>
		<script src="js/exit.js"></script>
	</body>
</html>